<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用v-bind指令实现class绑定</title>
<!--引入Vue库-->
<script src="vue.js"></script>
<style>
  .style1 {  
    font-size: 24px;
    font-weight: bold;
	color:purple;
	}
</style>
</head>
<body>
<div id="app">
  <div v-bind:class="{'style1': isActive}">
      {{ info }}
  </div>
</div>
<script>
  var vm=new Vue({ 
      el: '#app', 
      data: {
          info:'请登录',
          isActive: true
        }
      })
</script>
</body>
</html>
